<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>信用资产管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="./dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="./dist/css/normalize.css">
    <link rel="stylesheet" href="./dist/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./dist/bootstrap-datelimepicker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="./dist/css/reg.css">
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="row clearfix">
                <div class="col-sm-3 col-md-3 navbar-header">
                    <a href="#" class="navbar-brand"><img class="logoImg" src="./dist/img/logo.png"> <span>信用资产管理系统</span> </a>
                </div>
            </div>
        </div>
    </nav>
    <div class="login_bg">
        <div class="form-horizontal reg-content ">
            <header class="heading">
                欢迎注册 信用资产管理系统
                <p class="head_tip">创建一个新账户</p>
            </header>
            <form class="form-horizontal1">
                <div class="form-group input_wrap">
                    <label for="user_name">用 户 名</label>
                    <input type="text" name="user_name" required id="user_name" value="" placeholder="请输入您要注册的账户名" />
                </div>
                <div class="form-group input_wrap">
                    <label for="user_pd">设置密码</label>
                    <input type="password" name="user_pd" required class="user_pd" value="" placeholder="建议至少使用两种字符组合" />
                </div>
                <div class="form-group input_wrap">
                    <label for="re_pd">确认密码</label>
                    <input type="password" name="re_pd" required class="re_pd" value="" placeholder="请再次输入密码" />
                </div>
                <div class="form-group input_wrap">
                    <label for="phone_num">手机号码</label>
                    <input type="text" name="phone_num" maxlength=11 required class="phone_num" value="" placeholder="建议使用常用手机" />
                </div>
                <div class="form-group ">
                    <div class="col-md-8  input_wrap code_wrap">
                        <label for="phone_code">验证码</label>
                        <input type="text" class="phone_code" name="phone_code" maxlength=6 id="inputPassword3" placeholder="请输验证码">
                    </div>
                    <button type="submit" class="col-md-4 btn getCode btn-default" style="margin-top: 5px">获取验证码</button>
                </div>
                <div class="form-group check_wrap">
                    <div class="main-checkbox">
                        <input type="checkbox" value="None" id="checkbox1" name="check" />
                        <label for="checkbox1"></label>
                    </div>
                    <span class="text">我同意  <span class="agreement-btn"  data-toggle="modal" data-target="#myModal">注册协议</span></span>
                    <!-- 注册协议 -->
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">信用资产管理系统合作协议</h4>
                                </div>
                                <div class="modal-body">
                                    <h5>提示条款：</h5>
                                    <p>您的信任对我们非常重要，我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。有鉴于此，阿里巴巴集团旗下钉钉运营的钉钉产品和服务提供者（或简称“我们”）制定本《隐私政策》（下称“本政策”）并提醒您：</p>
                                    <p>需要特别说明的是，本隐私政策不适用于其他第三方通过前述网页或客户端向您提供的服务。例如您通过钉钉开放平台下载使用的第三方应用或者依托钉钉产品向您提供服务时，您向第三方提供的信息不适用本政策。</p>
                                    <p>钉钉服务：是指阿里巴巴集团旗下的钉钉服务提供者开发、运营的旨在开发解决中国企业沟通、协同等移动办公为主的多端平台及客户端。包括钉钉官网（域名为dingtalk.com）及钉钉开放平台（域名为open.dingtalk.com）、钉钉网页版（域名为im.dingtalk.com）及客户端、钉钉自有品牌的智能硬件（诸如钉钉M1/M2智能考勤机, 钉钉C1智能路由器，等）以及将钉钉部分功能/服务作为第三方服务集成在钉钉关联公司（见定义条款）和/或其他第三方软件和/或智能硬件而提供的服务。</p>
                                    <p>钉钉用户在钉钉移动客户端、官方主页、论坛、社区以及开放平台上自行上传、提供、发布相关信息，包括但不限于用户名称、公司名称、 联系人及联络信息，相关图片、资讯等，该等信息均由用户自行提供，钉钉用户须对其提供的任何信息依法承担全部责任。</p>

                                    <p>我们如何收集和使用您的个人信息 我们如何使用Cookie和同类技术 我们如何共享、转让、公开披露您的个人信息 我们如何保护您的个人信息 我们如何处理未成年人的个人信息 您的个人信息如何在全球范围转移 本隐私政策如何更新 如何联系我们
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 注册协议结束 -->
                </div>
                <div class="form-group">
                    <button type="submit" class="btn submitBtn btn-default">注册</button>
                </div>
                <div class="form-group" style="text-align: center">
                    <span>已有账户了？<a href="./login.html">点此登录</a> </span>
                </div>
            </form>
        </div>
    </div>
</body>
<script src="./dist/jquery/jquery-1.8.3.min.js "></script>
<script src="./dist/bootstrap/js/bootstrap.min.js "></script>
<script type="text/javascript">
$('.agreement').click(function() {
    $(".view").show();
})

$('.left').click(function() {
    $(".view").hide();
})
</script>

</html>
